<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript" src="./dist/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="./dist/js/bootstrap.js"></script>
	<link rel="stylesheet" type="text/css" href="./dist/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="./font/iconfont.css">
	<title></title>
</head>
<style type="text/css">
	.fadd{background:#E6E0E0; height:190px;}
	.login{background:; height:50px; line-height:40px ; text-align:center; font-size:20px; font-family:楷体; font-weight:100;}
	.checki{background:#4E6DF1; font-color:white; height:40px; line-height:25px; top:-15px;}
	.under{height:40px; font-size:15px; font-family:微软雅黑; font-weight:70;line-height:20px;}
	.text{font-color:#B9B7B7; font-size:16px; font-family:楷体;}
	.icon-qq{font-size:50px;left:270px; top:70px;}
	.icon-weixin{font-size:60px;left:370px; top:65px;}
	.icon-weibo1{font-size:50px;left:470px; top:73px;}
</style>
<body>
	<div class="col-xs-12 login text-center">
		<div class="col-xs-3"></div>
			<label class="col-xs-6" for="exampleInputLogin">登录</label>
	</div>
	<br></br>
	<!-- 头部分登录 -->

<form class="fadd">
	<!-- 输入名用户名框 -->	
	<div class="form-group ">
		<label for="exampleInputUsername1" class="user">用户名</label>
		<input type="Username" id="exampleInputUsername1" class="form-control" placeholder="Username">
	</div>
<!-- 输入密码框 -->
	<div class="form-group">
		<label type="exampleInputPassword1" class="word">输入密码</label>
		<input  class="form-control" id="exampleInputPassword1" placeholder="Password" type="password">
	</div>

<!-- 新用户注册和忘记密码框 -->
	<div class="col-xs-12 under">
		<div class="col-xs-3"></div>
		<label class="col-xs-4 ">注册</label>
		<label class="col-xs-4">忘记密码</label>
	</div>
<!-- 确认登录 -->
		<br></br>
	<div class="form-control col-xs-12 checki">
		<div class="col-xs-5"></div>
		<label for="Check">确认登录</label>
	</div>
<!--其他登录方式  -->
<div class="col-xs-12 text">
	<label for="exampleOtherLoginWay">其他登录方式</label>
</div>
</form>

<!-- 三种登录方式 -->	
	<i class="iconfont icon-qq col-xs-1"></i>	
	<i class="iconfont icon-weixin col-xs-1"></i>
	<i class="iconfont icon-weibo1 col-xs-1"></i>	
</body>
</html>